body{
    
    margin: 0;
    user-select:none; //文本不可复制
}
a {
    text-decoration:none;
}
img{
    vertical-align: bottom; //阻止图片出现下边距
}
::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    overflow: visible;
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
::-webkit-scrollbar-thumb {
    border: solid transparent;
    border-width: 1px 0;
    background-clip: padding-box;
    background: #d8dce5;
}
.el-table{ //表格的一些公告样式
    border-radius: 3px;
    .cell{
        display: flex;
        align-items: center;
    }
}
.el-button{ //按钮
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-radius: 2px !important;
}
.el-message-box{
    button{
        width: 80px;
        height: 35px;
        border-radius: 2px;
    }
}
.el-input__inner{
    border-radius: 2px !important;
    &:focus{
        border-color: #2ea1d9 !important;
        outline: 0;
    }
}
.el-button--medium {
    border-radius: 2px;
}
.el-dropdown{
    padding: 0;
    margin: 0;
}
.el-timeline-item__content {
    padding: 0;
    .el-card__body {
        padding: 10px;
    }
}
//设置一些elment公共样式
.el-collapse-item__header{
    font-size: 14px !important;
    font-weight: bold !important;
    color: #406380 !important;
}
.el-collapse-item__content{
    padding-bottom:10px !important;
}
.el-collapse-item__header{
    height: 40px !important;
    line-height: 40px !important;
}
.el-upload{  //拖拽上传组件公共样式
    .el-upload-dragger{
        width: fit-content;
        height: fit-content;
        padding: 20px;
        background-color: rgba(255, 255, 255, 0);
        .el-icon-upload{
            margin: 20px;
            margin-top: 0;
            font-size: 80px;
        }
    }
}
//对话框背景黑板
.v-modal{
    opacity: 0.2 !important;
    background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%);
}
.el-dialog{  //配置对话框公共样式
    border-radius: 1px !important;
    overflow: hidden !important;
    margin-bottom: 15px !important; 
    margin-top: 80px !important;
    .el-dialog__header{
        height: 35px;
        padding: 10px 20px;
        background: rgba(214, 214, 214, 0.22);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        box-sizing: content-box;
        border-bottom: 1px solid #f4f4f4;
        .el-dialog__title{
            color: #5a3d55;
            font-size: 17px;
            letter-spacing: 2px;
            font-weight: bold;
        }
        .el-dialog__headerbtn{
            position: static;
            i{
                font-size: 20px;
                color: #e7305b;
            }
        }
    }
    .el-dialog__body{
        padding: 20px !important;
        padding-bottom: 0px !important;
    }
    .el-dialog__footer{
        padding: 0px 20px 20px;
    }
}
//自定义icon图标类名
.icon{
    width: 40px;
    height: 40px;
    display: inline-block;
}
.icon-file-m{ //文件
    background-image: url(./photos/icon/icon-file-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-tdoc-m { //文档
    background-image: url(./photos/icon/icon-tdoc-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-nor-m { //不知类型文件
    background-image: url(./photos/icon/icon-nor-m.svg); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-create-s { //新建文件
    background-image: url(./photos/icon/icon-create-s.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-tdoc-s { //文档
    background-image: url(./photos/icon/icon-word-qq-s.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-txls-s { //表格
    background-image: url(./photos/icon/icon-xls-qq-s.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-word-s { //word文档
    background-image: url(./photos/icon/icon-word-s.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-xls-s { //excel表格
    background-image: url(./photos/icon/icon-xls-s.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-ppt-s { //ppt幻灯片
    background-image: url(./photos/icon/icon-ppt-s.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-pdf-m { //pdf
    background-image: url(./photos/icon/icon-pdf-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-docx-m { //docx
    background-image: url(./photos/icon/icon-docx-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-ppt-m { //ppt
    background-image: url(./photos/icon/icon-ppt-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-xls-m { //xls
    background-image: url(./photos/icon/icon-xls-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-zip-m { //zip
    background-image: url(./photos/icon/icon-zip-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-txt-m { //txt
    background-image: url(./photos/icon/icon-txt-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-rtf-m { //rtf文件
    background-image: url(./photos/icon/icon-rtf-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-img-m { //img文件
    background-image: url(./photos/icon/icon-img-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-md-m { //md文件
    background-image: url(./photos/icon/icon-md-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-css-m { //css文件
    background-image: url(./photos/icon/icon-css-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-html-m { //html文件
    background-image: url(./photos/icon/icon-html-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-java-m { //java文件
    background-image: url(./photos/icon/icon-java-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-js-m { //js文件
    background-image: url(./photos/icon/icon-js-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-xml-m { //xml文件
    background-image: url(./photos/icon/icon-xml-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-folder-m { //folder文件夹
    background-image: url(./photos/icon/icon-folder-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-bt-s { //离线下载
    background-image: url(./photos/icon/icon-bt-s.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-code-m { //代码文件
    background-image: url(./photos/icon/icon-code-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-code-m-2 { //代码文件2
    background-image: url(./photos/icon/icon-code-m-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-pic-m { //图片文件
    background-image: url(./photos/icon/icon-pic-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-mp3-m { //mp3文件
    background-image: url(./photos/icon/icon-mp3-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-mp4-m { //mp4文件
    background-image: url(./photos/icon/icon-mp4-m.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-download { //下载图标
    background-image: url(./photos/icon/icon-download.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-share {  //分享图标
    background-image: url(./photos/icon/icon-share.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-trash {
    background-image: url(./photos/icon/icon-trash.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-code{ //二维码图标
    background-image: url(./photos/icon/icon-code.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-cancel {  //取消图标
    background-image: url(./photos/icon/icon-cancel.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-refuse { //拒绝
    background-image: url(./photos/icon/icon-refuse.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-accept { //接受
    background-image: url(./photos/icon/icon-accept.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}